<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>评论列表</title>
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/iconfont.css" />
    <link rel="stylesheet" href="./css/main.css" />
    <link rel="stylesheet" href="./libs/layui/css/layui.css" />
  </head>

  <body>
    <div class="container-fluid">
      <div class="common_title">评论列表</div>
      <div class="container-fluid common_con">
        <table class="table table-striped table-bordered table-hover mp20">
          <thead>
            <tr>
              <th style="width: 7%">作者</th>
              <th style="width: 25%">评论</th>
              <th style="width: 25%">评论在</th>
              <th style="width: 15%">提交于</th>
              <th style="width: 6%">状态</th>
              <th class="text-center" style="width: 12%">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr class="danger">
              <td>武秀英</td>
              <td>
                外影广条同取水权科速工与。矿身面却属次养导务作者用品油调。高石期品极放存斗一号口消别共去。
              </td>
              <td>《世界，你好》</td>
              <td>1970-03-15 11:31:50</td>
              <td>已拒绝</td>
              <td class="text-center">
                <a href="javascript:void(0);;" class="btn btn-danger btn-xs"
                  >删除</a
                >
              </td>
            </tr>
          </tbody>
        </table>
        <div id="pager" class="row text-center"></div>
      </div>
    </div>

    <script src="./libs/jquery/jquery.min.js"></script>
    <!-- 导入bootstrap的js文件 -->
    <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
    <!-- 引入 layui -->
    <script src="./libs/layui/layui.js"></script>

    <script src="./libs/art-template/template-web.js"></script>

    <script src="./libs/tinymce_5.5.1/tinymce.min.js"></script>
    <!-- 公共js文件 -->
    <script src="./js/common.js"></script>

    <!-- 自己js文件 首页正常的业务 -->
    <script src="./js/commen_tlist.js"></script>

    <script id="art_comment" type="text/html">
      {{each data}} {{if $value.state ==='已拒绝'}}
      <tr class="danger">
        {{else}}
      </tr>

      <tr>
        {{/if}}
        <td>{{$value.author}}</td>
        <td>{{$value.content}}</td>
        <td>{{$value.title}}</td>
        <td>{{$value.date}}</td>
        <td>{{$value.state}}</td>
        <td class="text-center">
          {{if $value.state === '待审核'}}
          <a
            href="commen_tlist.html?id={{$value.id}}"
            class="btn btn-success btn-xs btnAccept"
            >批准</a
          >
          <a
            href="commen_tlist.html?id={{$value.id}}"
            class="btn btn-warning btn-xs btnReject"
            >拒绝</a
          >
          {{else if $value.state === '已通过'}}
          <a
            href="commen_tlist.html?id={{$value.id}}"
            class="btn btn-warning btn-xs btnReject"
            >拒绝</a
          >
          {{else}}
          <a
            href="commen_tlist.html?id={{$value.id}}"
            class="btn btn-success btn-xs btnAccept"
            >批准</a
          >
          {{/if}}
          <a
            href="commen_tlist.html?id={{$value.id}}"
            class="btn btn-danger btn-xs btnDelete"
            >删除</a
          >
        </td>
      </tr>
      {{/each}}
    </script>
  </body>
</html>
